<style>

    .paybox {
        margin-left: 70px;
        font-size: 13px;
        margin-top: -15px;
        color: #3e3e3e;
        font-weight: normal
    }

    .paybox_titel {
        font-size: 15px;
        margin-top: 20px;
        color: black;
        font-weight: bold
    }

    .paybox_red {
        color: red
    }

    li {
        list-style-type: none;
    }

    .jine {
        margin-top: 20px !important;
    }

    .am-form-group {
        margin-left: -15px !important;
    }

    .you {
        margin-top: 3px;
    }

    #chongzhi {
        margin-left: 170px;
        margin-top: -40px;
    }

</style>

<div class="fbneirong">
    <div class=""><div  id="showshili" style="float: right" class="am-btn am-btn-secondary am-radius">查看截图示例</div> </div>
    <div style="" class="paybox">

        <div class="paybox_red" style="font-size: 26px;text-align: center">提示：超过10分钟 未审核请联系客服</div>
        <div class="paybox_titel">方式一： 银行卡转账 (大额转账推荐此方式，免手续费，非实时，工作时间9:30~19:00约10分钟内处理，19点之后不再处理审核)</div>
        <div class="paybox_red">重要通知：禁止使用财付通、ATM机、微信！！！</div>

        <div class="paybox_titel">注意事项！</div>
        <div>
            <li> 1：为了方便财务确认转账来源，转账务必个位和十位数字不要都为0，如519.02或1158.18，禁止提交任何备注，备注敏感词处罚200-500元，多次备注敏感词封号处理，余额不予提现。</li>
            <li> 2：选用方式一充值务必先打款，后提交。</li>
            <li> 3：谢绝使用财付通、微信、ATM机转账</li>
        </div>

        <div class="paybox_titel">第一步：请先转账到平台官方账号</div>
        <div>
            <li>官方账户信息</li>
            <li class="paybox_red"> 账户 <?php echo $this->session->webinfo['account']; ?></li>
            <li> 姓名：<?php echo $this->session->webinfo['payee']; ?>  </li>
            <li> 银行信息：<?php echo $this->session->webinfo['bankname']; ?></li>
        </div>
        <div class="paybox_titel">第二步：请确定提交转账金额</div>

        <div style="width: auto;position :absolute;top:350px;left: 40%">
            <div style="float: left;margin-left: 60px">
                <img style="width: 280px;" src="<?php echo base_url(); ?>/public/assets/image/zfb.jpg">
            </div>

            <div style="width: auto;float: left;margin-left: 5px">
                <div style="width: 100%;float: left;"> </div>
                <div style="width: 100%;float: left;display: none " class="shili">
                    <div style="float: left;width: 240px;margin-left: 60px">
                        <div style="text-align: center;color: blue;font-size: 18px">支付宝截图示例</div>
                        <img style="width: 240px;height: 500px"
                             src="<?php echo base_url(); ?>/public/assets/image/zfbjt.jpg">

                    </div>
                    <div style="float: left;width: 300px;margin-left: 60px">
                        <div style="text-align: center;color: blue;font-size: 18px">银行卡转账示例</div>
                        <img style="width: 300px;" src="<?php echo base_url(); ?>/public/assets/image/yhjt.png">

                    </div>
                </div>
            </div>

        </div>

        <div class="am-form-group am-cf jine">
            <div class="zuo">转账金额：</div>
            <div class="you">
                <input type="text" class="am-input-sm" style="width: 250px" name="money" placeholder="请输入金额">
            </div>
        </div>
        <div class="am-form-group am-cf">
            <div class="zuo">打款姓名：</div>
            <div class="you">
                <input type="text" name="username" style="width: 250px" class="am-input-sm" placeholder="请输入打款人姓名">
            </div>
        </div>

        <div class="am-form-group am-cf">
            <div class="zuo">充值截图：</div>
            <div class="you">

                <div class="picbox" style="">
                    <img src="<?php echo base_url(); ?>/public/assets/image/wsc.png" class="picshow" style=" ">
                </div>
                <a href="javascript:" class="file">上传图片
                    <input type="file" name="uploadFile" class="uploadPicButton" id="upload_file">
                </a>
            </div>
        </div>

        <div class="am-form-group am-cf">
            <div class="you">
                <div id="chongzhi" class="am-btn am-btn-secondary am-radius">确认充值</div>

            </div>
        </div>


    </div>


</div>
</div>
</div>
<div class="foods">
    <ul>
        版权所有@2019.
    </ul>
    <dl>
        <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
    </dl>
</div>
</body>
</html>


<script>
    var picurl = "";
    var picpath = "";
    $(".uploadPicButton").change(function () {
        var pic = $('#upload_file')[0].files[0];
        var fd = new FormData();
        fd.append('uploadFile', pic);
        var url = "<?php echo base_url(); ?>/Business/uppic";
        $.ajax({
            url: url,
            type: "post",
            dataType: "json",
            // Form数据
            data: fd,
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                if (data.code == 0) {
                    $(".picshow").attr("src", data.url);
                    $(".picshow").addClass("newpic");
                    $(".picshow").show();
                    $("input[name=pic]").val(data.url);
                    picpath = data.path;
                    return;
                }
                layer.msg(data.msg);
            }
        });
    });

</script>

<script>

    var on_request = false;
    $("#chongzhi").click(function () {
        pay()
    });
    $("#showshili").click(function () {
        let text=$(this).text();
        if(text=='查看截图示例'){
            $(".shili").show();
            $(this).text('隐藏');
        }else{
            $(".shili").hide();
            $(this).text('查看截图示例');
        }

    });

    function pay() {
        if (on_request) {
            return;
        }
        var url = "<?php echo base_url(); ?>/Business/payaction";
        var postdata = {};
        var money = $("input[name='money']").val();
        var username = $("input[name='username']").val();
        postdata['money'] = money;
        postdata['username'] = username;
        if (money == "") {
            $("input[name='money']").focus();
            layer.msg('缺少金额', {icon: 5, time: 1000});
            return;
        }
        if (username == "") {
            $("input[name='username']").focus();
            layer.msg('打款姓名', {icon: 5, time: 1000});
            return;
        }
        postdata['pic'] = picpath;
        on_request = true;
        $.post(url, postdata, function (data) {
            on_request = false;
            if (data.code == 0) {
                layer.msg('提交成功', {icon: 1, time: 800}, function () {
                    window.location.href = "<?php echo base_url() ?>" + '/business/rechargelog';
                });
            } else {
                layer.msg(data.msg);
            }
        }, "json");
    }


</script>
	



 
 
 
 
